<template>
    <h2>列数</h2>
    <div class="tw:grid tw:grid-cols-4 tw:gap-4 tw:w-108">
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">01</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">02</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">03</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">04</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">05</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">06</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">07</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">08</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">09</div>
    </div>

    <h2>子网格</h2>
    <div class="tw:grid tw:grid-cols-4 tw:gap-4 tw:w-108">
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">01</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">02</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">03</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">04</div>
        <div class="tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">05</div>
        <div class="tw:col-span-3 tw:grid tw:grid-cols-subgrid tw:gap-4">
            <div class="tw:col-start-2 tw:flex tw:w-24 tw:h-12 tw:bg-pink-500 tw:rounded-md tw:justify-center tw:items-center tw:text-white tw:font-bold">06</div>
        </div>
    </div>
</template>